/**
 * Created by Administrator on 2017/2/28.
 */
(function(app){

    app.directive('navView',  function() {
        return {
            restrict: 'A',
            template :  '<ul class="animated fadeInUp">\
                            <li><a ui-sref="base.about">about</a></li>\
                            <li><a ui-sref="base.experience">experience</a></li>\
                            <li><a ui-sref="base.education">education</a></li>\
                            <li><a ui-sref="base.skills">skills</a></li>\
                            <li><a ui-sref="base.projects">projects</a></li>\
                            <li><a ui-sref="base.contact">contact</a></li>\
                        </ul>',
            link: function(scope,element,attrs) {
                    $(".mobile-inner-nav a").each(function (index) {
                        $(this).find('a').css({'animation-delay': (index / 2) + 's'});
                    }).click(function () {
                        $(".mobile-inner-nav").slideToggle(500);
                        $(".mobile-inner-header-icon").toggleClass("mobile-inner-header-icon-click  mobile-inner-header-icon-out");
                    }
                );
            }
        };
    })
})(angular.module(APP_NAME));